<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>Webpack工作模式</h1>
      <p>webpack4新增加了一个工作模式用法,大大简化了webpack配置的复杂程度</p>
      <p>在webpack.config.js文件添加一个---mode---属性,它可以设置工作模式</p>
      <p>
        生产模式 mode: 'production'|| 通过yarn webpack --mode
        production开启，这是默认的模式,在这个模式下webpack会自动启动一些优化插件
      </p>
      <p>
        开发模式 mode: 'development' || 通过yarn webpack --mode
        development开启,这个模式会自动优化打包速度
      </p>
      <p>mode: 'none' || 通过yarn webpack --mode node开启,运行最原始的打包</p>
    </div>
    <script></script>
  </body>
</html>
